<template>
<div class="xinpin">
	<themeHeader title="新品尝鲜"></themeHeader>
	<img class="headImg" src="http://img12.yiguoimg.com/e/items/2017/170120/9288700562350644_800x580.jpg">
	<div class="xpDiv">
		<!-- <img src="http://img13.yiguoimg.com/e/items/2017/170120/9288700562383412_800x170.jpg"> -->
		<div class="row no-gutter">
			<div class="col-50 xp-pro" v-for="item in xpItems">
				<router-link to="/product"><img v-bind:src="item.imgUrl">
				<p class="xp-name">{{item.name}}</p>
				<p class="xp-price">{{item.price}}</p>
				<img class="xp-cart" src="../images/btnbuy.jpg" height="39" width="43">
				</router-link>
			</div>
		</div>
	</div>
</div>	
</div>
	

</template>
<style type="text/css">
.xinpin{
	padding-top: 50px;
}
.headImg,.xp-pro img:nth-child(1){
		width: 100%;
	}
	.xp-pro{
		position: relative;
		font-size: 14px;
		background: white;
		border-bottom:0.5px solid #d5d4d4;
	}
	.xp-pro:nth-child(2n-1){
		border-right:0.5px solid #d5d4d4;
	}
	.xp-name{
		color: #666;
	}
	.xp-price{
		padding-top: 20px;
		color: red;
	}
	.xp-cart{
		position: absolute;
		width: 25px;
		height: 25px;
		bottom: 10px;
		right: 10px;
	}

</style>
<script type="text/javascript">

import ThemeHeader from "./themeHeader.vue";
	export default{
		data(){
			return{
				xpItems:[
					{imgUrl:"http://img13.yiguoimg.com/e/items/2016/160331/9288693174935679_300.jpg",name:"泰国红毛丹1kg(GD)",price:"￥49.90"},
					{imgUrl:"http://img05.yiguoimg.com/e/web/170118/150218/170118150218805_1229700_300.jpg",name:"泰国椰皇4个(GD)",price:"￥55.00"},
					{imgUrl:"http://img09.yiguoimg.com/e/items/2017/170216/9288701107118672_300.jpg",name:"Zespri佳沛意大利绿奇异果6个93-125g/个(GD)",price:"￥28.00"},
					{imgUrl:"http://img10.yiguoimg.com/e/items/2017/170120/9288700589056564_300.jpg",name:"新奇士美国红心脐橙6个约175g/个",price:"￥58.00"},
					{imgUrl:"http://img13.yiguoimg.com/e/items/2016/160927/9288697404236091_300.jpg",name:"美国嘎啦果6个约140g/个(GD)",price:"￥39.00"},
					{imgUrl:"http://img13.yiguoimg.com/e/items/2017/170120/9288700567560756_300.jpg",name:"西班牙脐橙12个约190g/个",price:"￥65.00"},
					{imgUrl:"http://img12.yiguoimg.com/e/items/2016/160412/9288693409128588_300.jpg",name:"广西高乐蜜甜芒果750g200g以上/个(GD)",price:"￥30.00"},
					{imgUrl:"http://img11.yiguoimg.com/e/items/2016/161031/9288698142269791_300.jpg",name:"海南金钻凤梨1个约1kg/个(GD)",price:"￥38.00"},
				]
			}
		},
		components:{
			ThemeHeader,
		}
		
	}
</script>